extends ../../layout/layout

block self_js
  script(src="../../js/module/ad/settings.js")

block self_css
  link(rel="stylesheet", href="../../css/ad/settings.css")

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  //- 文件上传
  script(src="../../vendor/jQuery-File-Upload/js/vendor/jquery.ui.widget.js")
  script(src="../../vendor/jQuery-File-Upload/js/jquery.fileupload.js")

block content
  .content-wrapper
    .city
      .header
        .form-container.form-inline
          .tab-pane-selected#pane1
            span 用户端启动页
          .tab-pane#pane2
            span 用户端首页轮播
          .tab-pane#pane3
            span 司机端启动页
          //- .tab-pane#pane4
          //-   span 用户端引导页
      .content
        #content1
          .com-op.marginT10
            button.btn.btn-default.marginR10#btn-add(type="button")
              i.fa.fa-plus
              span 新建
            button.btn.btn-default.marginR10#btn-edit(type="button")
              i.fa.fa-edit
              span 修改
            button.btn.btn-default.marginR10#btn-del(type="button")
              i.fa.fa-del
              span 删除

          .content-body.marginT10#table-box
            table.table#table-cusHomePage
            #pager-cusHomePage

        #content2(style="display:none")
          .com-op.marginT10
            button.btn.btn-default.marginR10#btn-slide-add(type="button")
              i.fa.fa-plus
              span 新建
            button.btn.btn-default.marginR10#btn-slide-edit(type="button")
              i.fa.fa-edit
              span 修改
            button.btn.btn-default.marginR10#btn-slide-del(type="button")
              i.fa.fa-del
              span 删除

          .content-body.marginT10#table-box
            table.table#table-cusCarousel
            #pager-cusCarousel


        #content3(style="display:none")
          .com-op.marginT10
            button.btn.btn-default.marginR10#btn-driver-add(type="button")
              i.fa.fa-plus
              span 新建
            button.btn.btn-default.marginR10#btn-driver-edit(type="button")
              i.fa.fa-edit
              span 修改
            button.btn.btn-default.marginR10#btn-driver-del(type="button")
              i.fa.fa-del
              span 删除

          .content-body.marginT10#table-box
            table.table#table-drivHomePage
            #pager-drivHomePage

        //- #content4(style="display:none")
        //-   .com-op.marginT10
        //-     button.btn.btn-default.marginR10#btn-del(type="button")
        //-       i.fa.fa-del
        //-       span 删除
        //-     button.btn.btn-default.marginR10#btn-add(type="button")
        //-       i.fa.fa-plus
        //-       span 新建
        //-     button.btn.btn-default.marginR10#btn-edit(type="button")
        //-       i.fa.fa-edit
        //-       span 修改

        //-   .content-body.marginT10#table-box
        //-     table.table#table-cusGuidePage
        //-     #pager-cusGuidePage

block layer
  .layer-box#layer-ad-add
    form.mw1200.padding20#form-ad-add(name="form-ad-add", autocomplete="off")
      +adForm

  //- .layer-box#layer-ad-view
  //-   form.mw1200.padding20#form-ad-view(name="form-ad-view", autocomplete="off")
  //-     +adForm

  //- .layer-box#layer-ad-edit
  //-   form.mw1200.padding20#form-ad-edit(name="form-ad-edit", autocomplete="off")
  //-     +adForm

  .layer-box#layer-slide-add
    form.mw1200.padding20#form-slide-add(name="form-slide-add", autocomplete="off")
      +slideForm

  .layer-box#layer-slide-view
    form.mw1200.padding20#form-slide-view(name="form-slide-view", autocomplete="off")
      +slideForm

  .layer-box#layer-slide-edit
    form.mw1200.padding20#form-slide-edit(name="form-slide-edit", autocomplete="off")
      +slideForm

  .layer-box#layer-driver-add
    form.mw1200.padding20#form-driver-add(name="form-driver-add", autocomplete="off")
      +driverForm

  //- .layer-box#layer-driver-view
  //-   form.mw1200.padding20#form-driver-view(name="form-driver-view", autocomplete="off")
  //-     +driverForm

  //- .layer-box#layer-driver-edit
  //-   form.mw1200.padding20#form-driver-edit(name="form-driver-edit", autocomplete="off")
  //-     +driverForm

  .layer-box#layer-view-pic
    #layer-view-img(style="margin:20px")
      img(src="")

mixin adForm
  .d-title
      span.text 基础设置设置
  .d-content.padding
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 名称：
        .form-container
          input.form-control.form-width200(name="name",disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 状态：
        .form-container.form-inline
          input.form-control(type="checkbox" ,name="status", disabled)
          span.text 关闭/开启
    //- .row.form-row.form-row-sm
    //-   .col-xs-12
    //-     .form-text 时段：
    //-     .form-container.form-inline
    //-       input.form-control.form-width100(name="")
    //-       span.text --
    //-       input.form-control.form-width100(name="")
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          input.form-control.form-width150#effectiveStartTime(name="effectiveStartTime", disabled)
          span.text --
          input.form-control.form-width150#effectiveEndTime(name="effectiveEndTime", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 素材地址：
        .form-container
          textarea.form-control(name="imageAddress" placeholder="上传图片后会自动填充该字段,或请手动输入", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-container
          img.border.a-pointer.marginL10#photoImg-preview(src="../../images/1x1.png" width="100" height="100")
          input#photoImg.displayNone(type="hidden")
          button.btn.btn-default.marginR10#btn-upload(type="button",disabled)
            //i.fa.fa-?
            span 上传
        //- button.btn.btn-default.marginR10#btn-preview(type="button",disabled)
        //-   //i.fa.fa-?
        //-   span 预览
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 是否有链接：
        .form-container.form-inline
          input.form-control#linkAddress-control(type="checkbox" ,name="hasLink", disabled)
          span.text 关闭/开启
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 链接地址：
        .form-container
          textarea.form-control(name="linkAddress" placeholder="此链接地址为图片跳转地址", disabled)

  .d-title
    span.text 修改记录
  .d-content
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          span.text admin   @   2016-12-27 12:21:10



mixin slideForm
  .d-title
    span.text 用户端首播轮播
  .d-content
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 名称：
        .form-container
          input.form-control.form-width200(name="" placeholder="请输入轮播名称", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 状态：
        .form-container.form-inline
          input.form-control(type="checkbox" ,name="", disabled)
          span.text 关闭/开启
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          input.form-control.form-width100(name="", disabled)
          span.text --
          input.form-control.form-width100(name="", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 素材地址：
        .form-container
          .picFodder
            .picDiv


    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 是否有链接：
        .form-container.form-inline
          input.form-control(type="checkbox" ,name="", disabled)
          span.text 关闭/开启
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 链接地址：
        .form-container
          textarea.form-control(name="" placeholder="链接地址", disabled)
    .row.form-row.form-row-sm
      .col-xs-12.text-center
        button.btn.btn-default.marginR10.btn-upload(type="button", disabled)
          //i.fa.fa-?
          span 上传
  .d-title
    span.text 修改记录
  .d-content
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          span.text admin   @   2016-12-27 12:21:10


mixin driverForm
  .d-title
      span.text 基础设置设置
  .d-content.padding
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 名称：
        .form-container
          input.form-control.form-width200(name="name", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 状态：
        .form-container.form-inline
          input.form-control(type="checkbox" ,name="status", disabled)
          span.text 关闭/开启
    //- .row.form-row.form-row-sm
    //-   .col-xs-12
    //-     .form-text 时段：
    //-     .form-container.form-inline
    //-       input.form-control.form-width100(name="")
    //-       span.text --
    //-       input.form-control.form-width100(name="")
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          input.form-control.form-width150#driverEffectiveStartTime(name="effectiveStartTime", disabled)
          span.text --
          input.form-control.form-width150#driverEffectiveEndTime(name="effectiveEndTime", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 素材地址：
        .form-container
          textarea.form-control(name="imageAddress" placeholder="请输入素材地址", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-container
          img.border.a-pointer.marginL10#photoImg-preview-two(src="../../images/1x1.png" width="100" height="100")
          input#photoImg-two.displayNone(type="hidden")
          button.btn.btn-default.marginR10#btn-upload-two(type="button", disabled)
            //i.fa.fa-?
            span 上传
        //- button.btn.btn-default.marginR10.btn-preview(type="button", disabled)
        //-   //i.fa.fa-?
        //-   span 预览

    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 是否有链接：
        .form-container.form-inline
          input.form-control#linkAddress-control-two(type="checkbox" ,name="hasLink", disabled)
          span.text 关闭/开启
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 链接地址：
        .form-container
          textarea.form-control(name="linkAddress" placeholder="此链接地址为图片跳转地址", disabled)
  .d-title
    span.text 修改记录
  .d-content
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 有效期：
        .form-container
          span.text admin   @   2016-12-27 12:21:10
